<!DOCTYPE html>
<html lang="en">
<head>
<title>叁石叁网络科技开发有限公司</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- bootstrap-css -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!--// bootstrap-css -->
<!-- css -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!--// css -->
<!-- font-awesome icons -->
<link href="css/font-awesome.css" rel="stylesheet"> 
<!-- //font-awesome icons -->
<!-- gallery -->
<link rel="stylesheet" href="css/lightbox.css">
<!-- //gallery -->
<!-- font -->
<link href="http://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">
<!-- //font -->
<script src="js/jquery-2.2.3.min.js"></script>
<script src="js/bootstrap.js"></script>
</head>
<style>
.effect-apollo img{
	width: 200px;
	height: 200px;
}

</style>
<body>
	<!-- w3-banner -->
	<div class="w3-banner-1 jarallax">
		
			<div class="w3layouts-header-top">
				<div class="container">
					<div class="w3-header-top-grids">
						<div class="w3-header-top-left">
							<p><i class="fa fa-volume-control-phone" aria-hidden="true"></i><a href="tel:19943616372"><span style="color:white;">199-4361-6372</span></a></p>
						</div>
						<div class="w3-header-top-right">
							<div class="agileinfo-social-grids">
									<ul>
											<li><a href="#"><i class="fa fa-signal" style="margin: 0 1em 0 0;"></i></a></li>
											<li><a href="#"><i class="fa fa-rss"></i></a></li>
											<img src="./images/logo3.png" alt="" style="width:100px;height:50px;">
										</ul>
							</div>
							<div class="clearfix"> </div>
						</div>
						<div class="clearfix"> </div>
					</div>
				</div>
			</div>
			<div class="head">
				<div class="container">
					<div class="navbar-top">
							<!-- Brand and toggle get grouped for better mobile display -->
							<div class="navbar-header">
							  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
								<span class="sr-only">Toggle navigation</span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
							  </button>
								 <div class="navbar-brand logo ">
									<h1><a href="index.html">叁石叁网络科技开发有限公司</a></h1>
								</div>

							</div>

							<!-- Collect the nav links, forms, and other content for toggling -->
							<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
							 <ul class="nav navbar-nav link-effect-4">
								<li><a href="index.html">首页</a></li>
								<li><a href="about.html">关于我们</a></li>
								<li class="active first-list"><a href="gallery.html">创新风采</a></li>
								<!-- <li><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span data-letters="Pages">Pages</span><span class="caret"></span></a>
									<ul class="dropdown-menu"> 
										<li><a href="icons.html">Web Icons</a></li>
										<li><a href="codes.html">Short Codes</a></li>
									</ul>
								</li>    -->
								<li><a href="contact.html">联系我们</a></li>
							  </ul>
							</div><!-- /.navbar-collapse -->
						</div>
				</div>
			</div>
		
		
	</div>
	<!-- //w3-banner -->
		<!-- gallery -->
	<div class="gallery">
		<div class="container">
			<h2 class="agileits-title">我们的风采</h2>
			<div class="w3-agileits-gallery-grids">
				<div class="col-md-3 gallery-grid">
					<div class="grid">
						<figure class="effect-apollo">
							<a class="example-image-link" href="images/g1.jpg" data-lightbox="example-set" data-title="面向制造行业、 以及省市、工业园区、特色小镇等区域提供以工业互联和物联为基础的工业云平台服务">
								<img src="images/g1.jpg" alt="" />
								<figcaption>
								</figcaption>	
							</a>
						</figure>
					</div>
				</div>
				<div class="col-md-3 gallery-grid">
					<div class="grid">
						<figure class="effect-apollo">
							<a class="example-image-link" href="images/g2.jpg" data-lightbox="example-set" data-title="把设计和制造能力聚合到互联网上，促进资源共享、优化资源配置、提升创新创业能力、释放产能、培育新业态，推进网络协同制造和打造制造业生态圈。">
								<img src="images/g2.jpg" alt="" />
								<figcaption>
								</figcaption>	
							</a>
						</figure>
					</div>
				</div>
				<div class="col-md-3 gallery-grid">
					<div class="grid">
						<figure class="effect-apollo">
							<a class="example-image-link" href="images/g4.jpg" data-lightbox="example-set" data-title="把设计和制造能力聚合到互联网上，促进资源共享、优化资源配置、提升创新创业能力、释放产能、培育新业态，推进网络协同制造和打造制造业生态圈。">
								<img src="images/g4.jpg" alt="" />
								<figcaption>
								</figcaption>		
							</a>
						</figure>
					</div>
				</div>
				<div class="col-md-3 gallery-grid">
					<div class="grid">
						<figure class="effect-apollo">
							<a class="example-image-link" href="images/g5.jpg" data-lightbox="example-set" data-title="把设计和制造能力聚合到互联网上，促进资源共享、优化资源配置、提升创新创业能力、释放产能、培育新业态，推进网络协同制造和打造制造业生态圈。">
								<img src="images/g5.jpg" alt="" />
								<figcaption>
								</figcaption>	
							</a>
						</figure>
					</div>
				</div>
				<div class="col-md-3 gallery-grid">
					<div class="grid">
						<figure class="effect-apollo">
							<a class="example-image-link" href="images/g7.jpg" data-lightbox="example-set" data-title="把设计和制造能力聚合到互联网上，促进资源共享、优化资源配置、提升创新创业能力、释放产能、培育新业态，推进网络协同制造和打造制造业生态圈。">
								<img src="images/g7.jpg" alt="" />
								<figcaption>
								</figcaption>	
							</a>
						</figure>
					</div>
				</div>
				<div class="col-md-3 gallery-grid">
					<div class="grid">
						<figure class="effect-apollo">
							<a class="example-image-link" href="images/g8.jpg" data-lightbox="example-set" data-title="把设计和制造能力聚合到互联网上，促进资源共享、优化资源配置、提升创新创业能力、释放产能、培育新业态，推进网络协同制造和打造制造业生态圈。">
								<img src="images/g8.jpg" alt="" />
								<figcaption>
								</figcaption>		
							</a>
						</figure>
					</div>
				</div>
				<div class="col-md-3 gallery-grid">
					<div class="grid">
						<figure class="effect-apollo">
							<a class="example-image-link" href="images/g9.jpg" data-lightbox="example-set" data-title="把设计和制造能力聚合到互联网上，促进资源共享、优化资源配置、提升创新创业能力、释放产能、培育新业态，推进网络协同制造和打造制造业生态圈。">
								<img src="images/g9.jpg" alt="" />
								<figcaption>
								</figcaption>	
							</a>
						</figure>
					</div>
				</div>
				<div class="col-md-3 gallery-grid">
					<div class="grid">
						<figure class="effect-apollo">
							<a class="example-image-link" href="images/g6.jpg" data-lightbox="example-set" data-title="把设计和制造能力聚合到互联网上，促进资源共享、优化资源配置、提升创新创业能力、释放产能、培育新业态，推进网络协同制造和打造制造业生态圈。">
								<img src="images/g6.jpg" alt="" />
								<figcaption>
								</figcaption>	
							</a>
						</figure>
					</div>
				</div>
				<div class="col-md-3 gallery-grid">
					<div class="grid">
						<figure class="effect-apollo">
							<a class="example-image-link" href="images/g3.jpg" data-lightbox="example-set" data-title="把设计和制造能力聚合到互联网上，促进资源共享、优化资源配置、提升创新创业能力、释放产能、培育新业态，推进网络协同制造和打造制造业生态圈。">
								<img src="images/g3.jpg" alt="" />
								<figcaption>
								</figcaption>		
							</a>
						</figure>
					</div>
				</div>
				<div class="col-md-3 gallery-grid">
					<div class="grid">
						<figure class="effect-apollo">
							<a class="example-image-link" href="images/g10.jpg" data-lightbox="example-set" data-title="把设计和制造能力聚合到互联网上，促进资源共享、优化资源配置、提升创新创业能力、释放产能、培育新业态，推进网络协同制造和打造制造业生态圈。">
								<img src="images/g10.jpg" alt="" />
								<figcaption>
								</figcaption>		
							</a>
						</figure>
					</div>
				</div>
				<div class="col-md-3 gallery-grid">
					<div class="grid">
						<figure class="effect-apollo">
							<a class="example-image-link" href="images/g11.jpg" data-lightbox="example-set" data-title="把设计和制造能力聚合到互联网上，促进资源共享、优化资源配置、提升创新创业能力、释放产能、培育新业态，推进网络协同制造和打造制造业生态圈。">
								<img src="images/g11.jpg" alt="" />
								<figcaption>
								</figcaption>		
							</a>
						</figure>
					</div>
				</div>
				<div class="col-md-3 gallery-grid">
					<div class="grid">
						<figure class="effect-apollo">
							<a class="example-image-link" href="images/g12.jpg" data-lightbox="example-set" data-title="把设计和制造能力聚合到互联网上，促进资源共享、优化资源配置、提升创新创业能力、释放产能、培育新业态，推进网络协同制造和打造制造业生态圈。">
								<img src="images/g12.jpg" alt="" />
								<figcaption>
								</figcaption>		
							</a>
						</figure>
					</div>
				</div>
				<div class="clearfix"> </div>
				<script src="js/lightbox-plus-jquery.min.js"> </script>
			</div>
		</div>
	</div>
	<!-- //gallery -->

	<!-- footer -->
		<div class="agileits-w3layouts-footer">
			<div class="container">
				<div class="col-md-4 w3-agile-grid">
					<h5>关于我们</h5>
					<img src="./images/logo3.png" alt="" style="width:80%;">
					<!-- <img src="./images/logo.png" alt=""> -->
				
						<!-- <div class="footer-agileinfo-social">
						<ul>
							<li><a href="#"><i class="fa fa-facebook"></i></a></li>
							<li><a href="#"><i class="fa fa-twitter"></i></a></li>
							<li><a href="#"><i class="fa fa-rss"></i></a></li>
							<li><a href="#"><i class="fa fa-vk"></i></a></li>
						</ul>
					</div> -->
				</div>
				<div class="col-md-4 w3-agile-grid">
					<h5>关注我们</h5>
					<ul style="display:flex;list-style: none;text-align: center;margin-left: -40px;">
							<li style="margin-right: 50px;"><img src="./images/yang.jpg" alt="" style="width:120PX;height:120PX;"> <p>加微信咨询</p></li>
							<!-- <li style="margin-right: 10px;"><img src="./images/qq.jpg" alt="" style="width:100px;height:100px;"> <p>加QQ咨询</p></li> -->
							<li><img src="./images/gongzhong.jpg" alt="" style="width:120PX;height:120PX;"> <p>关注我们</p></li>
						</ul>
					<!-- <div class="w3ls-post-grids">
						<div class="w3ls-post-grid">
							<div class="w3ls-post-img">
								<a href="#"><img src="images/g1.jpg" alt="" /></a>
							</div>
							<div class="w3ls-post-info">
								<h6><a href="#" data-toggle="modal" data-target="#myModal">Donec vel sapien in erat</a></h6>
								<p>Sept 24,2017</p>
							</div>
							<div class="clearfix"> </div>
						</div>
						<div class="w3ls-post-grid">
							<div class="w3ls-post-img">
								<a href="#"><img src="images/g4.jpg" alt="" /></a>
							</div>
							<div class="w3ls-post-info">
								<h6><a href="#" data-toggle="modal" data-target="#myModal">Donec vel sapien in erat</a></h6>
								<p>Oct 25,2017</p>
							</div>
							<div class="clearfix"> </div>
						</div>
						<div class="w3ls-post-grid">
							<div class="w3ls-post-img">
								<a href="#"><img src="images/g6.jpg" alt="" /></a>
							</div>
							<div class="w3ls-post-info">
								<h6><a href="#" data-toggle="modal" data-target="#myModal">Donec vel sapien in erat</a></h6>
								<p>Nov 06,2017</p>
							</div>
							<div class="clearfix"> </div>
						</div>
					</div> -->
				</div>
				<div class="col-md-4 w3-agile-grid">
					<h5>地址</h5>
					<div class="w3-address">
						<!-- <div class="w3-address-grid">
							<div class="w3-address-left">
								<i class="fa fa-phone" aria-hidden="true"></i>
							</div>
							<div class="w3-address-right">
								<h6>Phone Number</h6>
								<p><a href="tel:19943616372"><span style="color:white;">199-4361-6372</span></a></p>
							</div>
							<div class="clearfix"> </div>
						</div>
						<div class="w3-address-grid">
							<div class="w3-address-left">
								<i class="fa fa-envelope" aria-hidden="true"></i>
							</div>
							<div class="w3-address-right">
								<h6>Email Address</h6>
								<p>Email :<a href="mailto:example@email.com"> 19943616372@163.com</a></p>
							</div>
							<div class="clearfix"> </div>
						</div> -->
						<div class="w3-address-grid">
							<div class="w3-address-left">
								<i class="fa fa-map-marker" aria-hidden="true"></i>
							</div>
							<div class="w3-address-right">
								<h6>Location</h6>
								<p>公司地址: 河北省高碑店市雄县
								<span>电话 :<a href="tel:19943616372"><span style="color:white;">199-4361-6372</span></a></span>
								</p>
							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
		<div class="copyright">
			<div class="container">
				<p>Copyright © 2019 叁石叁网络科技开发有限公司 版权所有 粤ICP备11063337号-1</p>
			</div>
		</div>
	<!-- //footer -->
</body>	
</html>